import { createApp } from 'vue'

//顶部进度条动画
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'

import App from './App.vue'
import './index.css'
import Router from './router/index'

import ElementPlus from 'element-plus'

//404页面样式
import 'element-plus/dist/index.css'

createApp(App).use(Router).use(ElementPlus).mount('#app')

//顶部进度条动画
//全局进度条的配置
NProgress.configure({ 
  showSpinner: true,  //加载微调器设置,默认为true
  //使用缓动（CSS缓动字符串）和速度（以毫秒为单位）调整动画设置。（默认：ease和200）
  easing: 'ease',
  speed: 2000,
  minimum: 0,  //更改启动时使用的最小百分比
})

//对路由钩子函数进行设置
//路由进入前
router.beforeEach((to, from , next) => {
  NProgress.start();
  next();
});
//路由进入后
router.afterEach(() => {  
  NProgress.done()
})

import NProgress from 'nprogress'   // 导入 nprogress
import '@/components/NProgress/nprogress.less'   // 导入样式，否则看不到效果

NProgress.configure({ showSpinner: false })   // 显示右上角螺旋加载提示

router.beforeEach((to, from, next) => { 
    NProgress.start()   // 开启进度条
    // some code ...
    NProgress.done()   // 关闭进度条
})
